<template>
	<view class="content">
		<view class="panel_box">
			<view class="seach_box">
				<view class="search">
					<view class="icon_search"><uni-icons :type="icons[0].type" color="#333333" :size="icons[0].size" /></view>
					<view class="search_input">
						<input v-model="params.search_data" @input="seachInfo" placeholder-style="font-size:26rpx" placeholder="关键字搜索" value="" />
					</view>
					<view class="icon_search"></view>
				</view>
				<view class="seach_info" @click="seachInfo">搜索</view>
			</view>
		</view>
		
		
		<view class="panel_box">
			<view class="box_title">
				<view class="title_left">状态分类</view>
			</view>
		</view>
		
		<view class="panel_box">
			<view class="scroll_nav">
				<scroll-view class="scroll-view_H" scroll-x="true" scroll-left="0">
					<view class="scroll-view-item_H" v-for="(item,index) in status" :key="index" v-if="item"  :class="tabSubItem == index ? 'cur' : ''" :data-id="index"  @click="selectTab">
						<view class="scroll-view-title">{{item}}</view>
					</view>
				</scroll-view>
			</view>
		</view>
		
		<view class="panel_box">
			<view class="box_title">
				<view class="title_left">列表</view>
			</view>
		</view>
		
		<view class="panel_box" v-for="(item,index) in dataList" :key="index" >
			<view class="panel_item">
				
				<uni-collapse>
					<uni-collapse-item :title="item.opp_acc_name!=''?item.opp_acc_name:item.opp_acc_bank" :open="true">
						<view class="box_content">
							<view class="order_list">
								<view class="list_item">
									<view class="order_list_item">
										<view class="product_desc">
											<view class="product_desc_item" v-if="item.bank_acc"><text>收款账号：{{item.bank_acc}} </text> </view>
											<view class="product_desc_item" v-if="item.bank_name"><text>收款银行：{{item.bank_name}} </text> </view>
										
											<view class="product_desc_item" v-if="item.opp_acc_name"><text>客户名称：{{item.opp_acc_name}}</text> </view>			
											<view class="product_desc_item" v-if="item.opp_acc_no"><text>客户账户：{{item.opp_acc_no}}</text> </view>	
											<view class="product_desc_item" v-if="item.opp_acc_bank"><text>客户银行：{{item.opp_acc_bank}}</text> </view>	
											<view class="product_desc_item" v-if="item.abs"><text>摘要：{{item.abs}}</text> </view>
											<view class="product_desc_item" v-if="item.uses"><text>用途：{{item.uses}}</text> </view>	
	
										</view>
									</view>
									
								</view>

							</view>
						</view>
						
					</uni-collapse-item>
				</uni-collapse>
				<view class="product_total" v-if="item.trans_time">
					<text>交易时间：{{item.trans_time}}</text> 
				</view>
				
				
				<view class="product_total" v-if="item.amt">
					<text>收款金额：¥ {{item.amt}}</text> 
				</view>
				
				<view class="product_total" v-if="item.serial_id" >
					<text>流水号：{{item.serial_id}}</text> 
				</view>
				
			</view>
		</view>
		
		<view v-if="dataList.length==0" class="empty_box">
			暂无数据
		</view>
		
		
	</view>
</template>


<script>
	import  parentPage from '@/common/parent-page.js';
	import {index} from './index.js';
	export default {mixins: [parentPage,index]}
</script>



<style>
	@import './index.css';
</style>
